<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:head>
        <title>Merlion Ltd</title>
    </h:head>
    <h:body>

        <h:form>
            <div id="top">
                <h:graphicImage url="/image/newHeader.jpg"/> 
            </div>

            <div id="content" style=" background: url('../userManagement/background.jpg') no-repeat center center;width:100%;height:475px">
                <table >
                    <tr>
                        <td style=" width: 380px">
                            <a href ="https://localhost:8181/MerlionERP-war/userManagement/ResetPassword.xhtml"> 
                                <h:graphicImage style="margin-top:182px;width:350px;height:30px" value="/userManagement/resetPass1.jpg"/>
                            </a>
                        </td>
                        <td>
                            <p:inputText style="margin-top:193px;margin-left: 10px;width:200px;" 
                                         value="#{UserManagedBean.email}" validator="#{UserManagedBean.validateEmail}" 
                                         id="email" required="true" requiredMessage ="Email is required."/>
                            </td>
                    </tr>
                    <tr>
                        <td style="width: 380px">
                            <a href ="https://localhost:8181/MerlionERP-war/userManagement/ChangeSecurity.xhtml"> 
                                <h:graphicImage style="margin-top:30px;width:350px;height:30px" value="/userManagement/changeSecurity1.jpg"/>
                            </a>
                        </td>
                        <td>
                            <h:inputSecret style="margin-top:30px;margin-left:10px; height: 25px;width:204px" validatorMessage="Password must be between 6 to 10 characters" 
                                           value="#{UserManagedBean.password}" id="password" required="true" requiredMessage="Password (6-10characters) is required" >
                                <f:validateLength minimum="6" maximum="10" />
                            </h:inputSecret>
                      </td>
                    </tr>
                    <tr>
                        <td colspan="2" >
                            <h:commandLink actionListener="#{UserManagedBean.doLogin}">
                                <h:graphicImage style="margin-top:40px;margin-left:530px;width:100px;height:35px" value="/userManagement/signIn_button.jpg"/>
                            </h:commandLink></td>
                    </tr>
                </table>
                <p:messages/>
            </div>

            <div id="footer">
                <h:graphicImage url="/image/merlionfooter.jpg" style="width:100%"/> 
            </div>
        </h:form>
    </h:body>
</html>

